/*--------------------------------------------------------------
 # Copyright (C) joomla-monster.com
 # License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
 # Website: http://www.joomla-monster.com
 # Support: info@joomla-monster.com
 ---------------------------------------------------------------*/
/****general styles of joomla****/
/**registration, login**/
span.star, strong.red, .invalid {
    color: #ff0000;
}

div.login fieldset {
    border: none;
}

div.registration fieldset, 
div.profile fieldset, 
div.profile-edit fieldset, 
div.remind fieldset, 
div.reset fieldset, 
div.login fieldset, 
div.edit fieldset {
    border: 1px solid #e3e3e3;
    margin: 0 0 10px 0;
    padding: 5px;
}

div.registration fieldset legend, 
div.profile fieldset legend, 
div.profile-edit fieldset legend,
div.edit fieldset legend {
    font-weight: bold;
}

div.registration form#member-registration fieldset dt, 
div.profile form#member-profile fieldset dt,
div.profile fieldset#users-profile-core dt,
div.profile fieldset#users-profile-custom dt,
div.profile-edit form#member-profile fieldset dt, 
div.remind fieldset dt, 
div.reset fieldset dt {
    float: left;
    clear: both;
    padding: 2px;
    min-width: 120px;
    line-height: 26px;
}

div.registration form#member-registration fieldset dd, 
div.profile form#member-profile fieldset dd, 
div.profile fieldset#users-profile-core dd,
div.profile fieldset#users-profile-custom dd,
div.profile-edit form#member-profile fieldset dd, 
div.remind fieldset dd, div.reset fieldset dd {
    float: none;
    padding: 2px;
    line-height: 26px;
}

.registration dl dt:first-child {
    width: 100% !important;
}

div.formelm label,
div.formelm-area label {
    display: inline-block;
    min-width: 120px;
}

div.formelm img {
	vertical-align: middle;
	margin: 0 5px;
}

div.formelm-buttons {
	padding: 10px 0;
}

div.login-fields {
    padding: 5px 0;
}

div.contact-email div {
    display: block;
    clear: both;
}

fieldset.userdata {
    border: none;
    padding: 0;
    margin: 0;
}

div.registration label {
    display: inline-block;
    min-width: 120px;
}

.login-fields label#password-lbl,
.login-fields label#username-lbl {
	min-width: 100px;
	display: inline-block;
}

label#area-categories-lbl, label#area-contacts-lbl, label#area-content-lbl, label#area-newsfeeds-lbl, label#area-weblinks-lbl {
    margin: 2px 0 0;
}

.category-name a:link,
.category-name a:visited,
.parent-category-name a:link,
.parent-category-name a:visited {
	display: inline-block;
}

/**buttons, inputs**/
input.button, button.validate, button {
	background: url(../images/button-bg.jpg) left bottom repeat-x #82cb1e; 
    border: solid 1px #66ae29;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    margin: 4px;
    padding: 2px 10px 1px;
    vertical-align: middle;
}

.inputbox, input.validate-password, input.required, textarea, input, select, .formelm input {
    background: #fff;
    border: 1px solid #e3e3e3;
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0;
    padding: 3px 10px 2px;
    vertical-align: middle;
    color: #c4c7d0;
}

input#modlgn-remember {
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
    background: none;
}

#form-login-username, 
#form-login-password, 
#form-login-remember {
    display: block;
    overflow: hidden;
}

#form-login-username label, 
#form-login-password label, 
#form-login-remember label {
	width: 120px;
	display: inline-block;
}

.userdata input.button {
	margin: 10px 0;
}

/*** email form ***/
#mailtoForm p {
    clear: both;
}

div.formelm {
    padding: 3px 0;
}

div.formelm img {
    margin: 0 10px;
    vertical-align: middle;
}

div.formelm input {
    clear: right;
}

div.formelm label {
    clear: left;
}

div.formelm label, div.formelm-area label {
    display: inline-block;
    min-width: 120px;
}

#mailto-window button {
    color: #000;
}

/**page navigation**/

ul.pagenav {
	clear: both;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}

ul.pagenav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.pagenav {
	display: inline-block;
}

/* Hides from IE-mac \*/ * html ul.pagenav {
    height: 1%;
}

ul.pagenav {
    display: block !important;
}

ul.pagenav li {
    display: inline;
    padding: 0;
    margin: 0;
	background: none;
}

ul.pagenav li a {
	text-decoration: none;
    font-weight: bold;
	vertical-align: middle;
    padding: 3px 5px;
    cursor: pointer;   
	display: block;
}

ul.pagenav li.pagenav-prev {
    float: left;
}

ul.pagenav li.pagenav-next {
    float: right;
}

/**pagination**/

div.pagination {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    clear: both;
    display: inline-block;
    width: 100%;
}

div.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.pagination li {
    display: inline;
    padding: 0;
    margin: 0 3px 0 0;
	background: none;
	font-weight: bold;
}

div.pagination ul li span {
    padding: 3px 7px;
    line-height: 20px;
    background: #7fc4e8;
    color: #fff;
}

div.pagination ul li a:link,
div.pagination ul li a:visited {
	background: #008ad1;
    color: #fff;
    padding: 3px 7px;
    text-decoration: none;
}

div.pagination ul li a.pagenav:link, 
div.pagination ul li a.pagenav:visited {
   background: #008ad1;
    color: #fff;
    padding: 3px 7px;
    text-decoration: none;
}

div.pagination ul a:hover, 
div.pagination ul li a.pagenav:hover  {
    background: #008ad1;
    color: #b7d5e5;
    text-decoration: none;
}

div.pagination ul li.pagination-start {
	margin: 0 3px 0 0;
}

div.pagination ul li.pagination-prev {
	margin: 0 3px 0 0;
}

div.pagination ul li.pagination-next {
	margin: 0;
}

div.pagination ul li.pagination-end {
	margin: 0 0 0 3px;
}

.pagenav {
    padding: 2px;
}

p.counter {
    text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

/**search**/
fieldset.word, 
fieldset.phrases, 
fieldset.only {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin: 0 0 10px 0;
}

fieldset.phrases {
    border: 1px solid #e3e3e3;
}

fieldset.only {
    border: 1px solid #e3e3e3;
}

div.searchintro {
}

fieldset.only legend, 
fieldset.phrases legend {
    font-weight: bold;
}

/****content****/
div.items-leading {
    display: inline-block;
    width: 100%;
}

div.items-row {
    display: inline-block;
    width: 100%;
}

.row-separator {
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    clear: both;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.item-separator {
	display: block;
    height: 1px;
    margin: 0;
    width: 100%;
}

.items-leading .item-separator {
	margin: 10px 0;
	border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.shownocolumns {
}

.category-desc {
}

/**blog featured single**/
div.blog-featured {
}

div.blog {
}

div.item-page {
}

div.category-list {
}

div.archive {
}

div.contact-category {
}

div.search {
}

div.blog h2, 
div.item-page h2, 
div.blog-featured h2 {
    color: #333333;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px 23px;
    background: url(../images/heading.png) 0 4px no-repeat;
}

div.blog h1, 
div.blog-featured h1, 
div.item-page h1, 
div.archive h1, 
div.contact-category h2, 
div.categories-list h1, 
div.category-list h1, 
div.search h1 {
    line-height: 23px;
    color: #333333;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ebebeb;
}

div.blog-featured h2 a:link, div.blog-featured h2 a:visited, 
div.blog h2 a:link, div.blog h2 a:visited, 
div.item-page h2 a:link, div.item-page h2 a:visited {
    color: #333333;
    text-decoration: none;
}

div.blog-featured h2 a:hover, 
div.blog h2 a:hover, 
div.item-page h2 a:hover {
    text-decoration: underline;
}

div.contact h2 span.contact-name {
    color: #333333;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px 23px;
    background: url(../images/heading.png) 0 4px no-repeat;
}

div.items-more h3 {
   	color: #333333;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px 23px;
    background: url(../images/heading.png) 0 4px no-repeat;
}

div.newsfeed {
}

div.newsfeed h2.redirect-ltr {
}

div.newsfeed h2.redirect-ltr a {
}

/**blog layout**/
.item { 
	display: block;
}

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    float: left;
    width: 48%;
}

.cols-2 .column-2 {
    float: right;
    width: 48%;
}

.cols-3 .column-1, 
.cols-3 .column-2, 
.cols-3 .column-3 {
    float: left;
    width: 31%;
}

.cols-3 .column-2 {
	padding: 0 3%;
}

.cols-4 .column-1, 
.cols-4 .column-2, 
.cols-4 .column-3, 
.cols-4 .column-4 {
    float: left;
    width: 23%;
}

.cols-4 .column-2 {
	padding: 0 1% 0 2%;
}

.cols-4 .column-3 {
	padding: 0 2% 0 1%;
}

.items-more {
    padding: 10px 0;
}

.items-more h3 {
    font-weight: bold;
    font-size: 12px;
}

/**single article**/
ul.actions {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

ul.actions li {
    display: inline;
    background: none;
	padding: 0 0 0 5px;
}

.actions img {
    border: none;
    padding: 0 5px;
}

.article-info {
    margin: 0 0 10px 0;
	color: #9c9c9c;
}

.article-info-term,
.archive .article-info dd, 
.article-info dd {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}

/**article categories**/
.categories-list ul {
}

.categories-list h1 {
}

dl.article-count dt, dl.article-count dd {
    display: inline;
    margin: 0;
}

/**web category list**/
.weblink-category {
}

/**archive**/
fieldset.filters {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin: 0 0 10px 0;
}

fieldset.filters legend {
    font-weight: bold;
}

ul#archive-items .row0,
ul#archive-items .row1 {
	background: none;
}

ul#archive-items h2 a:link,
ul#archive-items h2 a:visited {
	text-decoration: none;
}

/**contact, article category list**/
table.category {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
    width: 100%;
}

table.category th {
    background: #008ad1;
    padding: 10px;
	color: #fff;
}

table.category th a {
    color: #fff;
}

table.category td {
    padding: 10px;
    border-bottom: 1px solid #008ad1;
}
table.category td a {
}

table.category tr.cat-list-row0 td, table.category tr.even td {
    background: none;
    padding: 10px;
}

table.category tr.cat-list-row1 td, table.category tr.odd td {
    background: #f3f3f3;
    padding: 10px;
}

.cat-children h3 {
    font-weight: bold;
    font-size: 12px;
}

div.contact-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

form#contact-form dt, form#contact-form dd, form#contact-form button.button {
    margin: 0;
}

form#contact-form textarea {
}

/**single contact slider**/
div#contact-slider div.panel h3.title {
    border: 1px solid #ebebeb;
    margin: 0 0 3px 0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #009aea;
    background: #a2d3ef;
    cursor: pointer;
}

div#contact-slider div.panel h3.title.pane-toggler-down {
	background: #009aea;
}

div#contact-slider h3.title.pane-toggler-down a:link,
div#contact-slider div.panel h3.title.pane-toggler-down a:visited {
    text-decoration: none;
    color: #fff;
}

div#contact-slider .panel h3#basic-details.title.pane-toggler-down a:link,
div#contact-slider .panel h3#basic-details.title.pane-toggler-down a:visited {
	color: #fff;
	text-decoration: none;
}

div#contact-slider h3.title.pane-toggler a{
    color: #fff;
    text-decoration: none;
}

div#contact-slider h3.title.pane-toggler a:hover{
    color: #009aea;
}

div.pane-slider {
}

div.pane-down {
    padding: 5px !important;
}
.contact-email label {
    min-width: 100px;
    display: inline-block;
    padding: 0 0 5px 0;
}

/**details**/
.tip {
    background: 0 0 #FFFFFF;
    border: 1px solid #CFCCCC;
    padding: 10px;
}

.tip-title {
	font-weight: bold;
}

.img_caption {
    font-size: 10px;
    background: none;
    margin: 0px;
    padding: 0px;
    border-top: none;
}

p.readmore {
	clear: both;
}

p.readmore a:link, p.readmore a:visited {    
    display: block;
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-blue.png) left no-repeat;
}

p.readmore a:hover {
    text-decoration: none;
	color: #008bd3;
}

a.readmore:link, a.readmore:visited {
	display: block;
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-blue.png) left no-repeat;
}

a.readmore:hover {
    text-decoration: none;
	color: #008bd3;
}

/************************ plugin page break ******************/

hr.system-pagebreak  {
	display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    clear: both;
    height: 1px;
    background: none;
    border: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

/************************ Presentation Style: pages ******************/

div#article-index { 
	padding: 10px;
	float: right;
    border: solid 1px #009aea;
    background: #ecf4fe;
    margin: 10px 0 0 10px;
    width: 150px;
}

div.pagenavcounter {
	clear: both;
	padding: 5px;
	margin: 0 0 10px 10px;
	text-align: center;
	float: right;    
    width: 162px;
    background: #009aea;
    color: #fff;
    font-weight: bold;
    -moz-box-shadow: 3px 9px 6px -8px #000;
	-webkit-box-shadow: 3px 9px 6px -8px #000;
	box-shadow: 3px 9px 6px -8px #000;
}

div#article-index h3 { 
	font-size: 12px;
	color: #009aea;
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
}

div#article-index ul {
	margin: 5px 0px;
    padding: 0 0 0 20px;
}

div#article-index ul li { 
	list-style: disc;
	padding: 0;
	margin: 0;
	background: none;
	color: #5b5b5b;
}

div#article-index ul li a:link,
div#article-index ul li a:visited {
	text-decoration: none;
}

div#article-index ul li a:hover {
	text-decoration: underline;
}

div#article-index ul li a.active {}

/************************ Presentation Style: sliders ******************/

div#sliders.pane-sliders { }

div#sliders div.panel {
	background: #ecf4fe;
	border: solid 1px #ebebeb;
	margin: 0 0 3px 0;
}

.panel h3#basic-details.title { 
	font-size: 12px;
	font-weight: bold;	
	background: #a2d3ef;
	padding: 10px;
	margin: 0;
	border: none;
    cursor: pointer;
}
div#sliders .panel h3.pane-toggler-down{
	border-bottom: solid 1px #ebebeb;
	background: #009aea;
}

.panel h3#basic-details.title.pane-toggler {  }
.panel h3#basic-details.title.pane-toggler-down a { }

.panel h3#basic-details.title.pane-toggler-down a:link,
.panel h3#basic-details.title.pane-toggler-down a:visited {
	color: #fff;
	text-decoration: none;
}
	
.panel h3#basic-details.title a { 
	text-decoration: none; 
	color: #fff;
}
.panel h3#basic-details.title a:hover,
.panel h3#basic-details.title a:active {
	color: #009aea;
}

.panel div.pane-slider { 
	padding: 10px;
}

.panel div.pane-slider.content {}
.panel div.pane-slider.content.pane-hide {}

.panel div.pane-slider.content.pane-down { 
	border: none;
}

/************************ Presentation Style: tabs ******************/

dl#tabs.tabs { 
	display: inline-block;
}

dl.tabs {
	margin: 0;
} 
.tabs dt.tabs {
	float: left;
	padding: 10px;
	background: #a2d3ef;
	border-right: solid 1px #ebebeb;
	border-left: solid 1px #ebebeb;
	border-top: solid 1px #ebebeb;
	margin: 0 3px 0 0;
}

.tabs dt.tabs.basic-details.open { 
	background: #009aea;
}

.tabs dt.tabs.basic-details.closed {
}

.tabs dt.tabs.basic-details h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
.tabs dt.tabs.basic-details.open h3 a:link,
.tabs dt.tabs.basic-details.open h3 a:visited  {
	color: #fff;
}

.tabs dt.tabs.basic-details.closed h3 a:link,
.tabs dt.tabs.basic-details.closed h3 a:visited  {
	color: #fff;
}

.tabs dt.tabs.basic-details.closed h3 a:hover  {
	color: #009aea;
}

.tabs dt.tabs.basic-details h3 a:link,
.tabs dt.tabs.basic-details h3 a:visited {
	text-decoration: none;
}

.tabs dt.tabs.basic-details h3 a:hover {
	color: #009aea;
}

div.current {}
dd.tabs { 
	clear: both;
	background: #ecf4fe;
	border: solid 1px #ebebeb;
	margin: 0; 
	padding: 10px;
	-moz-box-shadow: 3px 9px 6px -8px #000;
	-webkit-box-shadow: 3px 9px 6px -8px #000;
	box-shadow: 3px 9px 6px -8px #000;
}
div.current dd.tabs {}

/***system messages***/

/* Unpublished */
.system-unpublished {
    background: #E8EDF1;
    border-bottom: 4px solid #C4D3DF;
    border-top: 4px solid #C4D3DF;
}

/* System Messages */
#system-message {
    margin-bottom: 10px;
    padding: 0;
}

#system-message dt {
    font-weight: bold;
    text-transform: uppercase;
}

#system-message dd {
     font-weight: bold;
    margin: 0;
    text-indent: 0;
}

#system-message dd ul {
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #0055BB;
    list-style: inside;
    margin-bottom: 10px;
    padding: 10px;
}

/* System Standard Messages */
#system-message dd.message ul {
    background: #0E4185;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
}

#system-message dd.message ul li {
    display: inline;
}

/* System Error Messages */
#system-message dd.error ul {
    background: #CE1C13;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
}

#system-message dd.error ul li {
    display: inline;
}

/* System Notice Messages */
#system-message dd.notice ul {
     background: #0E4185;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
}

#system-message dd.notice ul li {
    display: inline;
}

#system-message ul li {
    background: none;
    margin-left: 30px;
}

#outline {
    margin: 0 auto;
}
